 .mykill {
     display: flex;
     flex-direction: column;
     flex: 1;
     overflow-y: auto;
 }

 .mymine {
     flex: 1;
     overflow-y: auto;
     display: flex;
     justify-content: space-around;

 }

 .mymine .leftbox {
     width: 1.2rem;
     overflow: auto;

 }

 ::-webkit-scrollbar {
     display: none;
 }

 .mymine .leftbox p {
     height: 64px;
     /* line-height: 64px; */
     text-align: center;
     font-size: 16px;
     color: rgb(164, 164, 164);
     background-color: rgb(249, 249, 249);
 }

 .mymine .leftbox p span {
     display: inline-block;
     width: 100%;
     height: 40%;
     margin-top: 18px;

 }

 .mymine .leftbox .tab.active span {
     color: red;
     border-left: 3px solid orange;
     font-weight: 700;
 }

 .mymine .leftbox .tab.active {
     background-color: #fff;
 }

 .mymine .rightbox {
     flex: 1;
 }
 .mymine .rightbox .title{
    height: .3rem;
}
 .mymine .rightbox .list {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
 }

 .mymine .rightbox .list .cate {
     width: 30%;
     text-align: center;
     line-height: 40px;
 }

 .mymine .rightbox .list .cate img {
     width: 50%;
 }

 .mymine .rightbox .list .cate .name {
    font-size: 10px;
 }